<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>公众号管理</title>
  <script>
    if(/http:/.test(location.href)) location.href = location.href.replace(/http:/, 'https:')
  </script>
  <script src="https://cdn.jsdelivr.net/npm/babel-polyfill/dist/polyfill.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/jquery"></script>
  <script src="./node_modules/popper.js/dist/umd/popper.min.js"></script>
  <!-- <script src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script> -->
  <script src="./node_modules/datatables/media/js/jquery.dataTables.min.js"></script>
  <script src="./script/layer/layer.js"></script>
  <!-- <link rel="stylesheet" href="./node_modules/bootstrap-table/dist/bootstrap-table.min.css"> -->
  <link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="./style/manage.css">
  <script>
  </script>
</head>
<body>
  <div class="container-fluid">
    <div class="row justify-content-center">
      <div class="col-12 col-md-12">
        <!-- cache29 -->
          <header class="account_name">广东省深圳市全区</header>
          <div class="row justify-content-center">
              <div class="col-9 messageBox">
                  <!-- begin 地区管理 -->

                  <!-- begin 标签切换 -->
                  <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
                      <li class="nav-item">
                        <a class="nav-link active">公众号</a>
                      </li>
                      <li class="nav-item">
                        <a class="nav-link" href="diquchanpin_manage.html">地区产品</a>
                      </li>
                      <li class="nav-item">
                        <a class="nav-link" href="diququdao_manage.html">地区渠道</a>
                      </li>
                      <li class="nav-item">
                        <a class="nav-link" href="biaoqian_manage.html">标签管理</a>
                      </li>
                      <li class="nav-item">
                        <a class="nav-link" class='account_option_passmod' href="./passwordmod.html">修改密码</a>
                      </li>
                      <li class="nav-item">
                        <a class="nav-link" class='account_option_signout' href="./passwordmod.html">退出登陆</a>
                      </li>
                    </ul>
                    <!-- end 标签切换 -->

                  <!-- begin 对应标签内容 -->
                  <div class="tab-content" id="pills-tabContent">

                    <!-- 公众号 -->
                    <div class="tab-pane fade show active" id="pills-plus" role="tabpanel" aria-labelledby="pills-home-tab">
                        <div class="col-9 messageBox">
                          <!-- begin 信息框 -->

                            <header>已授权公众号<a href="#"><img id="add_frame" src="./images/dengluye/u80.png" alt="u80" title="添加公众号"></a></header>

                            <!-- begin 授权公众号列表 -->
                            <table id = 'weixin_plus' class="messageBoxContent table table-striped table-bordered" data-toggle='table'>
                                <thead>
                                  <tr>
                                    <th class="authNo">No.</th>
                                    <th class="authLocal">公众号名称</th>
                                    <th class="authTime">授权时间</th>
                                    <th class="authPhone">到期时间</th>
                                    <th class="authPerson">共有人数</th>
                                    <th class="authSetting">设置</th>
                                  </tr>
                                </thead>
                                <tbody>
                                  <tr>
                                    <th class="authNo">1.</th>
                                    <th class="authLocal">超级贷款公司</th>
                                    <th class="authTime">20170719</th>
                                    <th class="authPhone">20180719</th>
                                    <th class="authPerson">3444人</th>
                                    <th class="authSetting"><a href="./weixin_manage.html"><img src="./images/dengluye/u41.png" alt="u41" title="修改设置"></a></th>
                                  </tr>
                                  <tr>
                                    <th class="authNo">2.</th>
                                    <th class="authLocal">超级贷款公司</th>
                                    <th class="authTime">20170719</th>
                                    <th class="authPhone">20180719</th>
                                    <th class="authPerson">3444人</th>
                                    <th class="authSetting"><a href="./weixin_manage.html"><img src="./images/dengluye/u41.png" alt="u41" title="修改设置"></a></th>
                                  </tr>
                                </tbody>
                              </table>
                            <!-- end 授权公众号列表 -->

                            <!-- begin 分页 -->
                            <div class="authPage">

                              <!-- 页面指示器 -->
                              <div class="pages">24/425</div>

                              <!-- 分页列表 -->
                              <!-- <span class="number">...</span> -->
                              <div class="pageList"><span class="pre"><img src="./images/dengluye/u84.png" alt="u84" title="上一页"></span><span class="number">1</span><span class="number">...</span><span class="number">10</span><span class="next"><img src="./images/dengluye/u86.png" alt="u86" title="后一页"></span></div>

                            </div>
                            <!-- end 分页 -->

                            <!-- end 信息框 -->
                          </div>
                    </div>
                    <!-- 公众号 -->
                  </div>
                  <!-- end 对应标签内容 -->

                  <!-- begin 地区管理 -->
                </div>
          </div>
      </div>
    </div>
  </div>
  <script>
  $(document).ready(function() {
    var proList = $('#weixin_plus').DataTable({
      "paging": false,
      "info": false,
      "searching": false
    })
    // debug用↓
    window.proList = proList
    $('#add_frame').on('click', function(){
      layer.open({
        type: 2,
        title: 'layer mobile页',
        area: ['100%', '100%'],
        maxmin: true,
        content: './add_weixin.html' //iframe的url
      })
    })
  })
</script>
</body>
</html>
